---
id: html
title: html 常见优化方法  
---

- 减小iframes使用
- 压缩空白符
- 避免节点深层级嵌套
- 删除元素默认属性
- 避免table布局
- 删除注释
- CSS&Javascript 尽量外链
  
以上可借助工具  html-minifier


文档片段


```js 
// 不缓存 DOM 查询结果
for (let = 0; i < document.getElementsByTagName ('p' ). length; i++){
    // 每次循环，都会查询并计算 length，频繁进行 DOM 查询
}
// 缓存 DOM 查询结果
const pList = document.getElementsByTagName ( 'p')
const length = pList. length
for (let = 0; i < document.getElementsByTagName ('p' ). length; i++){
    // 每次循环，都会计算 length，频繁进行 DOM 查询
}
```